<div id="nav-bottom">
    <!--顶部-->
    <div class="nav-top">
        <div class="top">
            <div class="py-container">
                <div class="shortcut">
                    <ul class="fl">
                        <li class="f-item">欢迎您！</li>
                    </ul>
                    <ul class="fr">
                        <li class="f-item"><a href="http://localhost:8087/home-index.html" target="_blank">我的中心</a></li>
                        <li class="f-item space"></li>
                        <li class="f-item"><a href="http://localhost:8087/register.html" target="_blank">免费注册</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <!--头部-->
        <div class="header">
            <div class="py-container">
                <div class="yui3-g Logo">
                    <div class="yui3-u Left logoArea">
<#--                        <a class="logo-bd" title="品优购" href="JD-index.html" target="_blank"></a>-->
                    </div>
                    <div class="yui3-u Center searchArea">
                        <div class="search">
                            <form action="" class="sui-form form-inline">
                                <!--searchAutoComplete-->
                                <div class="input-append">
                                    <input type="text" id="autocomplete" type="text" ng-model="keywords" class="input-error input-xxlarge" />
                                    <button class="sui-btn btn-xlarge btn-danger" ng-click="search()" type="button">搜索</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="yui3-u Right shopArea">
                        <div class="fr shopcar">
                            <div class="show-shopcar" id="shopcar">
                                <span class="car"></span>
                                <a class="sui-btn btn-default btn-xlarge" href="http://localhost:8089/cart.html" target="_blank">
                                    <span>我的购物车</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="yui3-g NavList">
                    <div class="yui3-u Left all-sort">
                        <h4>全部商品分类</h4>
                    </div>
                    <div class="yui3-u Right"></div>
                </div>
            </div>
        </div>
    </div>
</div>